<template>
  <div>
    <!-- 搜索框 -->
    <div class="inp" @click="$router.push('/search')">
      <i class="iconfont icon-sousuo"></i>
      <input type="text" placeholder="请输入需要搜索的商品" />
    </div>
  </div>
</template>


<script>
export default {
  data() {
    return {};
  },
};
</script>
 
<style lang="less" scoped>
.inp {
  position: relative;
  text-align: center;
  i {
    line-height: 5.333333vw;
    color: #ccc;
    position: absolute;
    top: 2.4vw;
    left: 2.933333vw;
  }
  input {
    color: #ccc;
    width: 98%;
    font-size: 1.866667vw;
    text-indent: 5em;
    height: 9vw;
    border-radius: 0.533333vw;
    border: 1px solid #dcdfe6;
  }
}
</style>